<div class="panel-header"><i/>业务专栏</div>
<div class="panel-content">
    <div class="pure-g">
        <div class="pure-u-5-12">
            <div style="line-height: 32px; font-size: 14px; text-align: center;overflow: hidden;">
                <a ng-repeat="col in columns"
                   ng-mouseover="setAsCurrent($index)"
                   onclick="return false;"
                   ng-class="{'current-on':isCurrent($index)}"
                   href="javascript:;">
                    {{col.name}}
                </a>
            </div>
        </div>
        <div class="pure-u-7-12">
            <div ng-style="{minHeight:columns.length*32+'px'}"
                 style="border-left:1px solid #0081cc;overflow: hidden;line-height: 32px; padding-left: 10px">
                <a ng-repeat="service in getCurrent().services"
                   href="#"
                   onclick="return false"
                   ng-style="{color:!isAvailable(service)?'gray':'auto', cursor:!isAvailable(service)?'not-allowed':'auto'}"
                   ng-click="isAvailable(service) && clickService(service)"
                   title="{{service.name}}">
                    {{service.name}}
                </a>
            </div>
        </div>
    </div>
</div>